<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>童书新书榜</title>
    <style>
        /* .nav{
            width: 400px;
            background-color: rgba(0,0,0,0.1);
        } */
        h2{
            font-family: "幼圆";
            color: rgba(0,0,0,0.6);
            margin: 50px;
        }
        span{
            color: red;
        }

        li{
            list-style-type:none;
        }
        details summary::-webkit-details-marker {
             display:none;
        }
    </style>
</head>
<body>

    <div class="nav">
        <h2>童书新书榜</h2>
        <details>
            <summary><p id="book1"><span>1&nbsp;&nbsp;</span>我的野生动物朋友：精装</p></summary>
            <ul>
                <li><img src="book/1.jpg" alt="你就是孩子，最好的玩具">
                2云边有个小卖部（陆定昊诚挚推荐，随书附赠云边镇四季明信片和张嘉佳作词单曲彩蛋）云边有个小卖部（陆定昊诚挚推荐，随书附赠云边镇四季明信片和张嘉佳作词单曲彩蛋）
                写给陪伴我们的人，写
                </li>
            </ul>
        </details>
        <details>
            <summary><p id="book2"><span>2&nbsp;&nbsp;</span>戴建业 国学经典诵读（全</p></summary>
            <ul>
                <li><img src="book/2.jpg" alt="人间失格">
                    <p>2云边有个小卖部（陆定昊诚挚推荐，随书附赠云边镇四季明信片和张嘉佳作词单曲彩蛋）云边有个小卖部（陆定昊诚挚推荐，随书附赠云边镇四季明信片和张嘉佳作词单曲彩蛋）
                    写给陪伴我们的人，写</p>
                </li>
            </ul>
        </details>
        <details>
            <summary><p id="book3"><span>3&nbsp;&nbsp;</span>不可思议的路程三部曲</p> </summary>
            <ul>
                <li><img src="book/3.jpg" alt="乌合之众">
                    <p>2云边有个小卖部（陆定昊诚挚推荐，随书附赠云边镇四季明信片和张嘉佳作词单曲彩蛋）云边有个小卖部（陆定昊诚挚推荐，随书附赠云边镇四季明信片和张嘉佳作词单曲彩蛋）
                    写给陪伴我们的人，写</p>
                </li>
            </ul>
        </details>
        <details>
            <summary><p id="book4">4&nbsp;&nbsp;亚瑟和多啦（全十三册）</p></summary>
            <ul>
                <li><img src="book/4.jpg" alt="小熊和最好的爸爸">
                    <p>2云边有个小卖部（陆定昊诚挚推荐，随书附赠云边镇四季明信片和张嘉佳作词单曲彩蛋）云边有个小卖部（陆定昊诚挚推荐，随书附赠云边镇四季明信片和张嘉佳作词单曲彩蛋）
                    写给陪伴我们的人，写</p>
                </li>
            </ul>
        </details>
        <details>
            <summary><p id="book5">5&nbsp;&nbsp;儿童哲学智慧书（10册）</p> </summary>
            <ul>
                <li><img src="book/5jpg.jpg" />
                    <p>2云边有个小卖部（陆定昊诚挚推荐，随书附赠云边镇四季明信片和张嘉佳作词单曲彩蛋）云边有个小卖部（陆定昊诚挚推荐，随书附赠云边镇四季明信片和张嘉佳作词单曲彩蛋）
                    写给陪伴我们的人，写</p>
                </li>
            </ul>
        </details>
        <details>
            <summary><p id="book6">6&nbsp;&nbsp;笑猫日记——戴口罩的猫</p> </summary>
            <ul>
                <li><img src="book/6.jpg" alt="教育">
                    <p>2云边有个小卖部（陆定昊诚挚推荐，随书附赠云边镇四季明信片和张嘉佳作词单曲彩蛋）云边有个小卖部（陆定昊诚挚推荐，随书附赠云边镇四季明信片和张嘉佳作词单曲彩蛋）
                    写给陪伴我们的人，写</p>
                </li>
            </ul>
        </details>
        <details>
            <summary><p id="book7">7&nbsp;&nbsp;少年徐霞客游记</p>  </summary>
            <ul>
                <li><img src="book/7.jpg" alt="小卖部">
                    <p>2云边有个小卖部（陆定昊诚挚推荐，随书附赠云边镇四季明信片和张嘉佳作词单曲彩蛋）云边有个小卖部（陆定昊诚挚推荐，随书附赠云边镇四季明信片和张嘉佳作词单曲彩蛋）
                    写给陪伴我们的人，写</p>
                </li>
            </ul>
        </details>
        <details>
            <summary> <p id="book8">8&nbsp;&nbsp;我不再哭啦，幼幼安全感养</p>  </summary>
            <ul>
                <li><img src="book/8.jpg" alt="晚睡的人">
                    <p>2云边有个小卖部（陆定昊诚挚推荐，随书附赠云边镇四季明信片和张嘉佳作词单曲彩蛋）云边有个小卖部（陆定昊诚挚推荐，随书附赠云边镇四季明信片和张嘉佳作词单曲彩蛋）
                    写给陪伴我们的人，写</p>
                </li>
            </ul>
        </details>
    </div>
</body>
</html>